<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>resume</title>

    <!-- Bootstrap core CSS -->
    <link rel="shortcut icon" href="bitbug_favicon%20(1).ico">
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
    <link href="./style/main.css" rel="stylesheet">
    <link rel="stylesheet" href="./style/font-awesome.min.css">
    <link href="./style/css" rel="stylesheet" type="text/css">
    <link href="./style/css(1)" rel="stylesheet" type="text/css">

    <script src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/smoothscroll.js"></script>
    <script src="./js/Chart.js"></script>

</head>

<body data-spy="scroll" data-offset="0" data-target="#nav">

<div id="section-topbar">
    <div id="topbar-inner">
        <div class="container">
            <div class="row">
                <div class="dropdown">
                    <ul id="nav" class="nav">
                        <li class="menu-item"><a class="smoothScroll" href="#headerwrap" title="个人信息"><i
                                class="glyphicon glyphicon-user"></i></a></li>
                        <li class="menu-item"><a class="smoothScroll" href="#resume" title="教育经历"><i
                                class="glyphicon glyphicon-file"></i></a></li>
                        <li class="menu-item"><a class="smoothScroll" href="#work" title="项目"><i
                                class="glyphicon glyphicon-briefcase"></i></a></li>
                        <li class="menu-item"><a class="smoothScroll" href="#footwrap" title="联系"><i
                                class="glyphicon glyphicon-envelope"></i></a></li>
                    </ul><!--/ uL#nav -->
                </div><!-- /.dropdown -->

                <div class="clear"></div>
            </div><!--/.row -->
        </div><!--/.container -->
        <div class="clear"></div>
    </div><!--/ #topbar-inner -->
</div><!--/ #section-topbar -->

<div id="headerwrap">
    <div class="container">
        <div class="row centered">
            <div class="col-lg-12">
                <h1>Sora</h1>
                <h3>Web前端开发工程师 | 13113008501@163.com</h3>
            </div><!--/.col-lg-12 -->
        </div><!--/.row -->
    </div><!--/.container -->
</div><!--/.#headerwrap -->


<section id="about" name="about"></section>
<div id="intro">
    <div class="container">
        <div class="row">

            <div class="col-lg-2 col-lg-offset-1">
                <h3>个人信息:</h3>
            </div>
            <div class="col-lg-6">
                <p>姓名: 孙振兵&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;性别: 男&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;年龄:
                    20</p>
                <p>联系方式: 13113008501&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;地址:
                    上海市</p>
            </div>
            <div class="col-lg-3">
                <p><a href="#"></a>
                    <sm></sm>
                </p>
            </div>

        </div><!--/.row -->
    </div><!--/.container -->
</div><!--/ #intro -->
<div id="intro">
    <div class="container">
        <div class="row">

            <div class="col-lg-2 col-lg-offset-1">
                <h3>求职意向:</h3>
            </div>
            <div class="col-lg-6">
                <p>求职意向:Web前端开发工程师&nbsp;&nbsp;&nbsp;&nbsp;工作性质:全职</p>
                <p>工作地区:上海&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 期望薪资:13k</p>
                <p>目前状况:我目前处于离职状态,可立即上岗</p>
            </div>
            <div class="col-lg-3">
                <p><a href="#"></a>
                    <sm></sm>
                </p>
            </div>

        </div><!--/.row -->
    </div><!--/.container -->
</div><!--/ #intro -->


<section id="resume" name="resume"></section>
<!--EDUCATION DESCRIPTION -->
<div class="container desc">
    <div class="row">

        <div class="col-lg-2 col-lg-offset-1">
            <h3>教育经历</h3>
        </div>
        <div class="col-lg-6">
            <p>
                <t>2013年-2015年</t>
                <br>
                <i><strong>毕业学校:</strong> 深圳市宝安职业技术学校</i>
            </p>
        </div>
        <div class="col-lg-6 col-lg-offset-3">
            <p>
                <t>专业: 计算机应用</t>
                <br>

                <i></i>
            </p>
        </div>
    </div><!--/.row -->
    <br>
    <hr>
</div><!--/.container -->


<!--WORK DESCRIPTION -->
<div class="container desc">
    <div class="row">

        <div class="col-lg-2 col-lg-offset-1">
            <h3>工作经历</h3>
        </div>
        <div class="col-lg-6">
            <p>
                <t>2015.8-2016.7</t>
                <br>
                深圳市非凡信息技术有限公司 <br>
            </p>
            <p>
                <strong>工作描述：</strong>1.主要负责页面制作，配合后台开发人员实现数据交换；<br>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2.负责各种功能的的实现；
                <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3.参与移动产品和项目制作，配合后台开发人员实现产品前端界面效果与功能；
                <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4.实现产品UI和交互方面的开发需求，确保产品具有优质的用户使用体验;
            </p>
        </div>

    </div><!--/.row -->
    <br>
    <hr>
</div><!--/.container -->


<!--AWARDS DESCRIPTION -->
<div class="container desc">
    <div class="row">
        <div class="col-lg-2 col-lg-offset-1">
            <h3>自我介绍</h3>
        </div>
        <div class="col-lg-6">
            <p>1.爱好学习、交流、阅读等。
                2.喜欢计算机，喜欢代码，享受完成项目的过程。
                3.勤奋好学，有较强的行业动态前瞻思维，不断完善自己。
                4.严格要求自己，有较强的团队意识。
                5.性格随和，好相处。
            </p>
        </div>

    </div><!--/.row -->
    <br>
</div><!--/.container -->


<!--SKILLS DESCRIPTION -->
<div id="skillswrap">
    <div class="container">
        <div class="row">
            <div class="col-lg-2 col-lg-offset-1">
                <h3>IT技能</h3>
            </div>
            <div class="col-lg-3 centered">
                <canvas id="javascript" height="130" width="130" style="width: 130px; height: 130px;"></canvas>
                <p>HTML/CSS</p>
                <br>
                <script>
                    var doughnutData = [
                        {
                            value: 90,
                            color: "#1abc9c"
                        },
                        {
                            value: 5,
                            color: "#ecf0f1"
                        }
                    ];
                    var myDoughnut = new Chart(document.getElementById("javascript").getContext("2d")).Doughnut(doughnutData);
                </script>
            </div>
            <div class="col-lg-3 centered">
                <canvas id="bootstrap" height="130" width="130" style="width: 130px; height: 130px;"></canvas>
                <p>Javascript</p>
                <br>
                <script>
                    var doughnutData = [
                        {
                            value: 90,
                            color: "#1abc9c"
                        },
                        {
                            value: 30,
                            color: "#ecf0f1"
                        }
                    ];
                    var myDoughnut = new Chart(document.getElementById("bootstrap").getContext("2d")).Doughnut(doughnutData);
                </script>
            </div>
            <div class="col-lg-3 centered">
                <canvas id="wordpress" height="130" width="130" style="width: 130px; height: 130px;"></canvas>
                <p>Jquery</p>
                <br>
                <script>
                    var doughnutData = [
                        {
                            value: 80,
                            color: "#1abc9c"
                        },
                        {
                            value: 25,
                            color: "#ecf0f1"
                        }
                    ];
                    var myDoughnut = new Chart(document.getElementById("wordpress").getContext("2d")).Doughnut(doughnutData);
                </script>
            </div>

            <div class="col-lg-3 col-lg-offset-3 centered">
                <canvas id="html" height="130" width="130" style="width: 130px; height: 130px;"></canvas>
                <p>Bootstrap</p>
                <br>
                <script>
                    var doughnutData = [
                        {
                            value: 80,
                            color: "#1abc9c"
                        },
                        {
                            value: 20,
                            color: "#ecf0f1"
                        }
                    ];
                    var myDoughnut = new Chart(document.getElementById("html").getContext("2d")).Doughnut(doughnutData);
                </script>
            </div>
            <div class="col-lg-3 centered">
                <canvas id="photoshop" height="130" width="130" style="width: 130px; height: 130px;"></canvas>
                <p>AJAX Json</p>
                <br>
                <script>
                    var doughnutData = [
                        {
                            value: 70,
                            color: "#1abc9c"
                        },
                        {
                            value: 30,
                            color: "#ecf0f1"
                        }
                    ];
                    var myDoughnut = new Chart(document.getElementById("photoshop").getContext("2d")).Doughnut(doughnutData);
                </script>
            </div>
            <div class="col-lg-3 centered">
                <canvas id="illustrator" height="130" width="130" style="width: 130px; height: 130px;"></canvas>
                <p>Angualr</p>
                <br>
                <script>
                    var doughnutData = [
                        {
                            value: 50,
                            color: "#1abc9c"
                        },
                        {
                            value: 50,
                            color: "#ecf0f1"
                        }
                    ];
                    var myDoughnut = new Chart(document.getElementById("illustrator").getContext("2d")).Doughnut(doughnutData);
                </script>
            </div>

        </div><!--/.row -->
        <h3>专业技能:</h3>
        <p>1.精通HTML/CSS来制作符合标准的页面。</p>
        <p>2.熟悉移动端弹性布局与响应式布局</p>
        <p>3.网页性能优化，对解决多浏览器的兼容问题有丰富的经验；</p>
        <p>3.了解http协议，熟练使用 Ajax 、json 进行前后端数据交互，了解jsonp。</p>
        <p>4.熟练运用bootstrap、angularJs等前端常用框架</p>
        <p>5.熟练掌握Html5、CSS3新特性与canvas动画制作</p>
        <p>6.能阅读 php 代码、会使用gulp。</p>
        <p>7.了解后台php,nodejs语言的语法和书写</p>
        <br>
    </div><!--/.container -->
</div><!--/ #skillswrap -->


<section id="work" name="work"></section>
<!--PORTFOLIO DESCRIPTION -->
<div class="container desc">
    <div class="row project">
        <h3>项目经验:</h3>
        <div class="col-lg-3">
            <h3>项目一:PC端</h3>
            <p><strong>项目名称: </strong>家有汇</p>
            <p><strong>责任描述: </strong>团队项目</p>
            <p>主要完成以下项目:</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.按照需求分析文档，对项目进行工期规划</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2.模块化功能设计和UI界面搭建</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3.页面布局与图片处理</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4.使用ajax实现数据交换</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5.运用JavaScript、jQuery实现页面基本效果</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6.项目测试与后期bug修复</p>
            <strong>项目描述:</strong>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;家有汇是一个专业的购物网站，大量的海淘商品推荐，各种服饰、化妆品、生活用品。各种海外特卖商品是家有汇的特色。<br><br>
            </p>
        </div>
    </div><!--/.row -->
    <br>
    <br>
</div><!--/.container -->


<section id="contact" name="contact"></section>
<!--FOOTER DESCRIPTION -->
<div id="footwrap">
    <div class="container">
        <div class="row">

            <div class="col-lg-2 col-lg-offset-1">
                <h3>联系方式</h3>
            </div>
            <div class="col-lg-6">
                <p>
                    <t>Email:</t>
                    <br>
                    13113008501@163.com <br>
                </p>
                <p>
                    <t>WeChat:</t>
                    <br>
                    sszzbb123<br>
                </p>

                <p>
                    <t>address:</t>
                    <br>
                    上海市
                    <br>
                </p>
                <p>
                    <t>Phone:</t>
                    <br>
                    13113008501 <br>
                </p>
                <p>
                    <t>Blog:</t>
                    <br>
                    Sora.孙<br>
                </p>
            </div>
            <img class="erweima" src="erweima.jpg" alt="">
        </div><!--/.row -->
    </div><!--/.container -->

</div><!--/ #footer -->

<div id="c">
    <div class="container">
        <p>创建者 <a href="#">孙振兵</a></p>
    </div>
</div>


<!-- Bootstrap core JavaScript
================================================== -->


</body>
<script>

</script>
</html>